import {Link, useNavigate} from 'react-router-dom'

/**
 * 方式一：
 *  声明式导航
 * 方式二：
 *  编程式导航
 * 
 */
function Login(){
    const navigate = useNavigate()
    
    return(
        <div>
            登入页面
            {/**声明式写法 */}
            <Link to='/article'>跳转到文章页</Link>
            {/** 命令式写法 */}
            <button onClick={()=>{navigate('/article')}}>跳转到文章页</button>
            <br/>
            <hr/>
            <button onClick={()=>{navigate('/article?id=10&name=mary')}}>searchParams传参</button>
            <button onClick={()=>{navigate('/article/1001/jack')}}>param传参</button>
        </div>
    )
}


export default Login